<template>
  <div class="media_industry">
    <div class="title_text">选择所属企业</div>
    <p class="title_p">绑定企业享受更多定制化服务</p>
    <a href="javascript:;" class="teb_item" @click="$router.push({ path:'/media-industry-detail', query:{ type: '0' }})">
      <span>民航</span>
      <img src="../../../assets/img/modules/media/hy_4.png" alt="">
    </a>
    <a href="javascript:;" class="teb_item" @click="$router.push({ path:'/media-industry-detail', query:{ type: '1' }})">
      <span>麦当劳</span>
      <img src="../../../assets/img/modules/media/hy_3.png" alt="">
    </a>
    <a href="javascript:;" class="teb_item" @click="$router.push({ path:'/media-industry-detail', query:{ type: '2' }})">
      <span>九毛九</span>
      <img src="../../../assets/img/modules/media/hy_1.png" alt="">
    </a>
    <a href="javascript:;" class="teb_item" @click="$router.push({ path:'/media-industry-detail', query:{ type: '3' }})">
      <span>溢达</span>
      <img src="../../../assets/img/modules/media/hy_8.png" alt="">
    </a>
    <a href="javascript:;" class="teb_item" @click="$router.push({ path:'/media-industry-detail', query:{ type: '4' }})">
      <span>连锁</span>
      <img src="../../../assets/img/modules/media/hy_2.png" alt="">
    </a>
    <a href="javascript:;" class="a_item" @click="$router.push({ path:'/media-industry-detail', query:{ type: '5' }})">没有找到所属企业？点击我获得其他行业资讯</a>
  </div>
</template>
<script>
export default {
  name: 'media_industry',
  components: {},
  data () {
    return {}
  },
  props: {},
  watch: {},
  methods: {},
  computed: {},
  created () {
  },
  mounted () {
  },
  destroyed () {
  }
}
</script>
<style lang="scss" scoped>
  .media_industry {
    padding: 30px;
    .title_text{
      font-size:45px;
      font-weight:400;
      color:rgba(34,34,34,1);
      text-align: center;
    }
    .title_p{
      font-size:30px;
      font-weight:400;
      color:rgba(102,102,102,1);
      text-align: center;
    }
    .teb_item{
      background:rgba(255,255,255,1);
      box-shadow:0px 8px 14px 0px rgba(0,0,0,0.16);
      border-radius:20px;
      height:173px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size:30px;
      font-weight:400;
      color:rgba(34,34,34,1);
      padding: 0 30px 0 60px;
      margin-bottom: 30px;
      img{
        height: 80px;
        width: auto;
      }
    }
    .a_item{
      font-size:28px;
      display: block;
      margin-top: 80px;
      text-align: center;
      color:rgba(153,153,153,1);
    }
  }
</style>
